<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>商品列表</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.product-list {
			outline: #EFEFEF;
		}
		
		.product {
			background: #FFF;
			box-sizing: border-box;
			border-top: 2px solid #EFEFEF;
		}
		
		.product:nth-child(2n+0) {
			border-left: 2px solid #EFEFEF;
		}
		
		.product:nth-child(2n+1) {
			border-right: 2px solid #EFEFEF;
		}
		
		.text-normal {
			color: #444;
			font-size: 14px;
		}
		
		.text-primary {
			color: #FC3A2E;
			font-size: 12px;
		}
		
		.text-gray {
			color: #d0d0d0;
			font-size: 14px;
		}
		
		.header input,
		.header button {
			line-height: 22px;
			height: 35px;
		}
		.header input {
			color: #000000;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left pad-h-md mui-action-back">
			<i class="iconfont icon-back"></i>
		</a>
		<div class="title mui-inline">
			<input type="text" name="search" placeholder="请输入商品名称" />
		</div>
		<div class="mui-pull-right pad-h-sm mui-inline">
			<button class="mui-btn-danger mui-btn-outlined mgn-v-sm btn-search">搜索</button>
		</div>
	</header>
	<!-- 顶部导航 结束 -->
	
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="product.search.js" ></script>
</body>
</html>